/**
 * 类式组件中 this 指向问题
 */

import React from 'react';
// isNight  is 是否  night 晚上
export default class StateTry2 extends React.Component{
  //声明状态   应对简单的数据
  state = {
    isNight: true
  }
  //方式一 为 实例对象 添加 click 方法
  // click = () => {
  //   console.log(this);
  // }

  constructor(){
    super();
    //获得新函数
    // let fn = this.click.bind(this);
    //方拾二 为实例对象添加一个新的方法
    this.click = this.click.bind(this);
  }

  click(){
    this.setState({
      isNight: !this.state.isNight
    })
  }

  render(){
    return <div>
      <h2>至尊宝, 我是 {this.state.isNight ? '青霞仙子' : '紫霞仙子'} </h2>
      <button onClick={this.click}>点击切换</button>
    </div>
  }

  
}